<!--
2018-05-17
新用户送劵展示页
-->
<template>
  <div class="container" v-title data-title="注册送券">
    <div class="activities">
      <div class="thumbnail" >
        <img :src="require('../styles/asset/RegistrationActivities/0001.jpg')">
      </div>
      <div class="thumbnail" >
        <img :src="require('../styles/asset/RegistrationActivities/0002.png')">
        <div class="employ1" @click="employ"></div>
        <div class="employ2" @click="employ"></div>
        <div class="employ3" @click="employ"></div>
      </div>
      <div class="thumbnail" >
        <img :src="require('../styles/asset/RegistrationActivities/0003.png')">
      </div>
    </div>
    <simplert ref="simplert"></simplert>
  </div>
</template>

<script>
  import Simplert from '../../components/dialog/dialog.vue';
  import wx from 'weixin-js-sdk';
  export default {
    data () {
      return {
        img: require('../styles/asset/share.jpg')
      }
    },
    created () {

    },
    mounted(){
      let root = process.env.MAIN_ROOT
      console.log(root+this.img)
      this.$util.sendShareMessage("注册领券","新会员注册赠88元代金券", root+this.img);

    },
    components: {
      Simplert
    },
    methods: {
      open (title, useCancelBtn,confirmBtn,customConfirmBtnText,onConfirm,type,onClose,message) {
        let obj = {
          title: title,
          useConfirmBtn: confirmBtn,
          useCancelBtn: useCancelBtn,
          customConfirmBtnText: customConfirmBtnText,
          onConfirm:onConfirm,
          type: type,
          onClose:onClose,
          message:message
        };
        console.log(this.$refs);
        this.$refs.simplert.openSimplert(obj);
      },
      employ(){
        this.open('请返回首页开始用车 ',false,false,'','','fade_success',function(){});
      }
    }
  }
</script>

<style scoped >
  @import "../styles/styles.css";
  .thumbnail{ position:relative; padding: 0; margin: 0;}
  .thumbnail>img{ width: 100%;}
  .container{ position: relative; width: 100%; }
  .activities{ overflow-y: scroll;  }
  .employ1,.employ2,.employ3,.employ4{
    position: absolute;
    top:0.2rem;
    right:0.35rem;
    width:1.82rem;
    height:1.7rem;
    /*border:1px solid red;*/
  }
  .employ2{
    top:2.1rem;
    right:0.55rem;
  }
  .employ3{
    top:4.1rem;
    right:0.55rem;
  }
  .employ4{
    top:6.1rem;
    right:0.55rem;
  }
</style>
